$(function () {
    mainHeight = $(document.body).height() - 45;
    $('.main-left,.main-right').height(mainHeight);
    $("[addtabs]").click(function () {
        addTabs({id: $(this).attr("id"), title: $(this).attr('title'), close: true});
    });

    $(".nav-tabs").on("click", "[tabclose]", function (e) {
        id = $(this).attr("tabclose");
        closeTab(id);
    });
});

var addTabs = function (options) {
    // if($("#mainFrame")[0].contentWindow.FullScreen!=null){
    //     $("#mainFrame")[0].contentWindow.FullScreen(true);
    // }
    $("#menu li").removeClass("active");
    $("#menu_li_" + options.id).addClass("active");
    //var rand = Math.random().toString();
    //var id = rand.substring(rand.indexOf('.') + 1);
    //var url = window.location.protocol + '//' + window.location.host;
    //options.url = url + options.url;
    id = "tab_" + options.id;
    $(".nav-tabs .active").removeClass("active");
    $(".tab-content .active").removeClass("active");
    //如果TAB不存在，创建一个新的TAB
    if (!$("#" + id)[0]) {
        //固定TAB中IFRAME高度
        mainHeight = document.documentElement.clientHeight - 120;
        //创建新TAB的title
        title = '<li role="presentation" id="tab_' + id + '"><a href="#' + id + '" aria-controls="' + id + '" role="tab" data-toggle="tab" onclick="qhLeft(\'' + options.title + '\')">' + options.title;
        //是否允许关闭
        if (options.close) {
            title += ' <i class="glyphicon glyphicon-remove tab-close" tabclose="' + id + '"></i>';
        }
        title += '</a></li>';
        //是否指定TAB内容
        if (options.content) {
            content = '<div role="tabpanel" class="tab-pane fade" id="' + id + '">' + options.content + '</div>';
        } else {//没有内容，使用IFRAME打开链接
            content = '<div role="tabpanel" class="tab-pane fade" id="' + id + '"><iframe src="' + options.url + '" width="100%" height="' + mainHeight +
                '" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes" allowtransparency="yes"></iframe></div>';
        }
        //加入TABS
        $(".nav-tabs").append(title);
        $(".tab-content").append(content);
    }
    //激活TAB
    $("#tab_" + id).addClass('active');
    $("#" + id).addClass("active in");
};

var closeTab = function (id) {
    //如果关闭的是当前激活的TAB，激活他的前一个TAB
    if ($(".nav-tabs li.active").attr('id') == "tab_" + id) {
        $("#tab_" + id).prev().addClass('active');
        $("#" + id).prev().addClass('active in');
    }
    //关闭TAB
    $("#tab_" + id).remove();
    $("#" + id).remove();
};

/**
 * Tab页中调用Tab页
 * Created by JIAWL on 2018/1/4.
 */
var openTabs = function (options) {

    var id = "tab_" + options.id;

    //如果关闭的是当前激活的TAB，激活他的前一个TAB
    if ($(".nav-tabs li.active", window.parent.document).attr('id') == "tab_" + id) {
        $("#tab_" + id, window.parent.document).prev().addClass('active');
        $("#" + id, window.parent.document).prev().addClass('active');
    }

    //关闭TAB
    $("#tab_" + id, window.parent.document).remove();
    $("#" + id, window.parent.document).remove();

    //如果TAB不存在，创建一个新的TAB
    if (!$("#" + id, window.parent.document)[0]) {
        var title = "";
        var content = "";
        //固定TAB中IFRAME高度
        var mainHeight = $(window.parent.document.body).height() - 90;
        //创建新TAB的title
        title = '<li role="presentation" id="tab_' + id + '"><a href="#' + id + '" aria-controls="' + id + '" role="tab" data-toggle="tab">' + options.title;
        //是否允许关闭
        if (options.close) {
            title += ' <i class="glyphicon glyphicon-remove tab-close" tabclose="' + id + '"></i>';
        }
        title += '</a></li>';
        //是否指定TAB内容
        if (options.content) {
            content = '<div role="tabpanel" class="tab-pane fade" id="' + id + '">' + options.content + '</div>';
        } else {//没有内容，使用IFRAME打开链接
            content = '<div role="tabpanel" class="tab-pane fade" id="' + id + '"><iframe src="' + options.url + '" width="100%" height="' + mainHeight +
                '" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes" allowtransparency="yes"></iframe></div>';
        }
        //加入TABS
        $(".nav-tabs", window.parent.document).append(title);
        $(".tab-content", window.parent.document).append(content);
    }
    $(".nav-tabs .active", window.parent.document).removeClass("active");
    $(".tab-content .active", window.parent.document).removeClass("active");
    //激活TAB
    $("#tab_" + id, window.parent.document).addClass('active');
    $("#" + id, window.parent.document).addClass("active");
};

